<template>

	<view class="page">
		<comHead  :datas="datasObj"></comHead>
		<view class="card_3  mt-20 auto pd-20">
			<view class="ft1">Ta的标签（{{ tagList.length }}）</view>
			<view class="sanC mt-20">
				<view class="flex-start">
					<view class="item flex-center ft mt-10 c-33" v-for="item in tagList" :key="item">{{ item.name }}
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup lang="js">
import {
	onLoad
} from '@dcloudio/uni-app'
import { ref,reactive, onMounted, getCurrentInstance } from "vue";
import comHead from '@/components/comHead.vue';
let datasObj = reactive({
	title: '老师标签',
	img: '',
	color: '#FFFFFF',
	direction: '',
	scrollTop: 0,
	noBack: false,
})
const { proxy } = getCurrentInstance();
const tagList = ref([])
onLoad((options) => {
	const eventChannel = proxy.getOpenerEventChannel();
	// 接收数据
	eventChannel.on('toDetail', (data) => {
		tagList.value = data.tags
	});
})
</script>

<style lang="scss" scoped>
.card_3 {
	width: 690rpx;
	//height: 340rpx;
	background: #f8f8f8;
	border-radius: 40rpx;

	.sanC {
		width: 650rpx;
		// height: 220rpx;
		background: #ffffff;
		border-radius: 40rpx;
		padding: 10rpx 10rpx 20rpx 20rpx;
		box-sizing: border-box;

		.item {
			padding: 12rpx 20rpx;
			background: #f2f2ff;
			border-radius: 20rpx;
			margin-right: 10rpx;
		}
	}

}
</style>